/*---------------------------------------------------------------
	Body
---------------------------------------------------------------*/
	body {
		margin: 0;
		padding: 0;
		background: #fff;
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 0.8em;
		line-height: 1.3em;
		color: transparent;
		min-width: 1024px;
		overflow: auto;
	}
/* Inputs */
	input[type=text],
	input[type=password],
	input[type=email],
	textarea {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 1em;
		line-height: 1.61803399em;
		max-width: 100%;
		padding: 0.4045084975em;
		outline: none;
		border: 1px solid #D9D9D9;
		border-color: rgba(0, 0, 0, .19) rgba(0, 0, 0, .13) rgba(0, 0, 0, .07);
		background: #F0F0F0;
		background: rgba(0, 0, 0, .039);
		/*background: #E2E2E2;*/
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-background-clip: padding-box;
		   -moz-background-clip: padding-box;
		    -ms-background-clip: padding-box;
		     -o-background-clip: padding-box;
		        background-clip: padding-box;
		-webkit-border-radius: 1px;
		   -moz-border-radius: 1px;
		    -ms-border-radius: 1px;
		     -o-border-radius: 1px;
		        border-radius: 1px;
		-webkit-transition: all 0.1s ease-out;
		   -moz-transition: all 0.1s ease-out;
		    -ms-transition: all 0.1s ease-out;
		     -o-transition: all 0.1s ease-out;
		        transition: all 0.1s ease-out;
	}
	textarea:focus, 
	input[type="text"]:focus, 
	input[type="password"]:focus, 
	input[type="file"]:focus {
		/*background-color: #F0F0F0;;*/
		border-color: #AFAFAF ;
	}
	.placeholder-support {
		color:#aaa;
	}

/* Links */
	a, 
	a:active, 
	a:visited {
		color: #2e88bb;
		text-decoration: none;
	}
	a:hover {
		/*color: #ff6600;*/
		/*border-bottom: 1px solid #ff6600;*/
	}
/* Headers */
	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		color: #000;
		font-weight: bold;
	}
	h1 {
		font-size: 1.8em;
	}
	h2,
	.contentheading {
		margin: 0;
		margin-top: 5px;
		font-size: 1.6em;
		line-height: 2em;
		letter-spacing: -.02em;
		font-weight: bold;
		color: #000;
	}
	h3 {
		font-size: 1.1em;
		margin: 2em 0 0 0;
	}
/*---------------------------------------------------------------
	Lists
---------------------------------------------------------------*/
	ol {
		margin: 1em 0 1em 3em;
	}
	ol li {
		margin: 1em 0;
		line-height: 1.5em;
	}
	ul {
		margin: 1em 0 1em 1em;
		list-style: disc;
	}
	ul li {
		margin: 0.7em 0;
		line-height: 1.5em;
	}
	dl {
		margin: 1em 0;
	}
	dt {
		margin: 0.5em 0;
		padding: 0;
		font-weight: bold;
		line-height: 1.5em;
	}
	dd {
		padding: 0;
		margin: 0 0 1em 1.5em;
		line-height: 1.5em;
	}
/*---------------------------------------------------------------
	PRE, Code, etc.
---------------------------------------------------------------*/
	pre {
		font-family: "Bitstream Vera Sans Mono", Courier, Monaco, ProFont, "American Typewriter", "Andale Mono", monospace;
		line-height: 1.45em;
		color: #555;
		margin: 1em 0 1em 0;
		padding: 0 0 0 1em;
		border-left: 5px solid #ddd;
		font-size: 110%;
		white-space: pre;
		/* begin css 3 or browser specific rules - do not remove!
		see: http://forums.techguy.org/archive/index.php/t-249849.html */
		white-space: pre-wrap;
		word-wrap: break-word;
		white-space: -moz-pre-wrap;
		white-space: -pre-wrap;
		white-space: -o-pre-wrap;
		/* end css 3 or browser specific rules */
	}
	code,
	tt {
		font-family: Monaco, ProFont, "Bitstream Vera Sans Mono", "American Typewriter", "Andale Mono", monospace;
		font-size: 0.91em; /* 1.09em for Courier */
	}
/*---------------------------------------------------------------
	Misc.
---------------------------------------------------------------*/
	p { 
		margin: 1em 0; 
		line-height: 1.5em;
	}
	b,
	strong {
		font-weight: bold;
	}
	hr {
		border: none;
		height: 1px;
		border-top: 1px solid #efefef;
	}
	abbr {
		border-bottom: 1px dotted #000;
	}
	i,
	em {
		font-style: italic;
	}
	blockquote {
		color: #888;
		margin: 1em 0 1em 0;
		padding: 0 0 0 1.7em;
		font: italic 1em Georgia, Times, serif;
	}
	.cite {
		margin: 0 0 3em 3em;
		padding: 0 0 0 0;
	}
/*---------------------------------------------------------------
	Tables
---------------------------------------------------------------*/
	table,
	.contentpaneopen table {
		width: 100%;
		text-align: left;
		font-size: 1em;
		border-top: 2px solid #dfdfdf;
		border-bottom: 2px solid #dfdfdf;
	}
	table caption,
	.contentpaneopen table caption {
		line-height: 1.6em;
		padding: 5px 10px;
	}
	table th,
	table td,
	.contentpaneopen table th, 
	.contentpaneopen table td {
		vertical-align: top;
		line-height: 1.6em;
		padding: 5px 10px;
		border-bottom: 0.5px solid #9BA0A3;
	}
	table tr.odd,
	.contentpaneopen table tr.odd {
		background-color: #f4f4f4;
	}
	table tr.even,
	.contentpaneopen table tr.even {
		background-color: #fff;
	}
	table thead th,
	.contentpaneopen table thead th {
		font-weight: bold;
		border-bottom: 1px solid #dfdfdf;
		white-space: nowrap;
	}
	table th p,
	table td p,
	.contentpaneopen table th p, 
	.contentpaneopen table td p {
	}
	.contentpaneopen,
	.contentpaneopen td {
		border: none;
		margin: 0;
		padding: 0;
	}
/*---------------------------------------------------------------
	Core classes
---------------------------------------------------------------*/
	.on,
	.show {
		display: block;
	}
	.off,
	.hide {
		display: none;
	}
	.invisible {
		visibility: hidden;
	}
	.clear {
		clear: both;
	}
	.nowrap {
		white-space: nowrap;
	}
	.highlight {
		background-color: #FFFF99;
	}
	.align-right {
		text-align: right;
	}
	.align-left {
		text-align: left;
	}
	.align-center {
		text-align: center;
	}
	img.align-right {
		float: right;
		margin: 0 0 1em 1em;
	}
	img.align-left {
		float: left;
		margin: 0 1em 1em 0;
	}

/*---------------------------------------------------------------
	Header
---------------------------------------------------------------*/
#header {
	height: auto;
	position: relative;
	width: 100%;
	height: 160px;
	margin: 0;
	padding: 0;
	/*border-bottom: 1px solid #ccc;*/
	/*background: url("/app/templates/cstcloud/images/home/bk.jpg") no-repeat;*/
	/*background: url("/app/templates/cstcloud/images/home/topbg.jpg") no-repeat;*/
}
/*zhang ying add start*/
@media (min-width: 767px) and (max-width: 1200px) {
	.website_name {
		font-size: 3em !important;
	}
	#nav a {
		padding: 0 0 0 0  !important;
		font-size: 1em !important;
	}
	.songpan_title:nth-child(1){
		font-size: 44px;
		margin-left: 40px;
	}
	.songpan_title:nth-child(2) {
		font-size: 42px;
		margin-top: -62px;
		margin-right: 100px;
	}
	.p1{
		margin-top: 40px !important;
	}
	.songpan_info{
		font-size: 15px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
}
@media (min-width: 1200px) and (max-width: 1450px) {
	.website_name {
		font-size: 3em !important;
	}
	#nav a {
		padding: 0 0 0 0  !important;
		font-size: 1.2em !important;
	}
	.songpan_title:nth-child(1){
		font-size: 44px;
		margin-left: 40px;
	}
	.songpan_title:nth-child(2) {
		font-size: 42px;
		margin-top: -62px;
		margin-right: 100px;
	}
	.p1{
		margin-top: 50px !important;
	}
	.songpan_info{
		font-size: 16px !important;
	}
}
/*zhang ying add end*/
/*---------------------------------------------------------------
	Toolbar
---------------------------------------------------------------*/

#toolbar {
	/*margin: 28px 0 -10px 0;*/
	/*margin-top: 3em;*/
	padding: 0;
	display: block;
	z-index: 999;
	height: auto;
	overflow: hidden;
}
	#toolbar li {
		display: block;
		float:left;
		margin-top: 12px;
	}
	#toolbar li a,#follow .attention {
		border: none;
		color: #182026;
		display: block;
		text-align: center;
		font-size: 12px;
		text-decoration: none;
		padding-top: 10px;
		padding-left: 15px;
	}
	#toolbar li a:hover {
		color: #824E24;
	}
	#toolbar li#usersname { 
		color: #fff;
		margin: 0 0 0 -15px;
		width: auto;
		margin-top: 12px;
		font-size: 90%;
	}
	#toolbar li#usermessages {
		text-align: right;
		position: absolute;
		top: -0.5em;
		right: 220px;
		color: #ee0; /*#ffd0dc;*/
		white-space: nowrap;
		width: 12em;
	}
	#toolbar li#usermessages a {
		margin: 0;
		padding: 0;
		font-size: 100%;
		color: #ee0;
		text-align: right;
		display: inline;
	}
	#toolbar li#usermessages a:hover {
		text-decoration: underline;
	}
	#toolbar li#login a,
	#toolbar li#logout a { 
		background: url("../images/layout/toolbar-button.png") 0 0 no-repeat;
	}
	#toolbar li#login a:hover, 
	#toolbar li#logout a:hover {
		background-position: 0 -25px;
	}
	#toolbar li#register a,
	#toolbar li#myaccount a { 
		background: url("../images/layout/toolbar-button.png") right top no-repeat;
	}
	#toolbar li#register a:hover,
	#toolbar li#myaccount a:hover {
		background-position: right bottom;
	}

/*---------------------------------------------------------------
	Help Tab
---------------------------------------------------------------*/
	#tab {
		display: block;
		position: absolute;
		top: 76px;
		right: 30px;
		width: 5em;
		height: 3em;
		text-align: right;
		margin: 0;
		line-height: 1.2em;
		font-size: 90%;
	}
	#tab.active {
		background: #000;
	}
	#tab a { 
		padding: 0;
		color: #fff;
		height: 3em;
		display: block;
		border: none;
	}
	#tab a span { 
		padding: 1em 0 0 0;
		padding-right: 25px;
		color: #fff;
		height: 2em;
		display: block;
		border: none;
	}
	#tab a:hover {
		color: #d7c2ef;
		background: #616161 url("../images/layout/nav-background-hover.gif") 0 0 repeat-x;
	}
	#tab a:hover span {
		color: #d7c2ef;
	}
/*---------------------------------------------------------------
logo
---------------------------------------------------------------*/
.logo {
	width: 100%;
	height: 80px;
	margin-top: 3em;
}
.logo img{
	width: 500px;
	height: 100%;
}
.index_logo {
	margin-top: 10px;
	height: 130px;
}
/*---------------------------------------------------------------
	Navigation
---------------------------------------------------------------*/
	#nav {
		/*background: #3c3c3c url("../images/layout/nav-background.gif") 0 0 repeat-x;*/
		/*height: 3em;*/
		border: none;
		font-size: 100%;
	}
	@media screen and (max-width: 767px){
		#nav {
		margin-left:-60px;
		}
		#toolbar {
			margin: 23px -40px -8px 40px;
		}
	}
	#nav h2 {
		display: none;
	}
	#nav ul {
		border: none;
		/*margin: 30px 0 0 25px;*/
	}
	#nav a {
		display: block;
		padding: .4em 1em 1em 0.8em;
		display: block;
		line-height: 20px;
		border: none;
		font-size: 1.3em;
		color: #fff;
	}

/*@media all and (-ms-high-contrast: none) {
	#nav a{
		padding: 1em 1em 0 1em;
	}
}*/

	#nav li a:hover {
		color: #337ab7;
		text-decoration: none;
		/*background: #0c6357;*/
		/*background: #9acfea url("../images/layout/nav-background-hover.gif") 0 0 repeat-x;*/
	}
	#nav li {
		margin: 0;
		float: left;
		/*height: 5em;*/
		display: block;
		padding-left: 10px;
		padding-right: 10px;
	}
    #nav>li{
		padding-bottom: 10px;
	}
/* Drop-down menus */
	#nav li ul {
		display: none;
		position: absolute;
		height: auto;
		font-weight: normal;
		margin:0;
		background: #0f2961;
		opacity: 0.9;
		width: 175px;
		border-radius: 6px;
	}
	#nav li:hover >ul {
		display: block;
	}
	#nav li li {
		border: none;
		height: 45px;
		line-height: 40px;
		padding-right: 1em;
		background: none;
		width: 100%;
		border-radius: 3px;
		border-bottom: 1px solid rgba(167, 182, 194,.3);
		/*border-bottom: 1px solid rgb(167 182 194 / 35%);*/
	}
	#nav li.active ul a, 
	#nav li ul a {
		height: auto;
		font-size: 15px;
		font-weight: normal;
		line-height: 36px;
		text-transform: none;
		color: #fff;
		border: none;
		padding: 0 0.9em;
		width: 100%;
	}
	#nav li ul a:hover {
		color: #ECECC4;
		border: none;
	}
	#nav li ul ul {
		margin: -2em 0 0 21em;
	}
	#nav li:hover ul ul, 
	#nav li:hover ul ul ul, 
	#nav li.sfhover ul ul, 
	#nav li.sfhover ul ul ul {
		left: -999em;
	}
	#nav li:hover ul, 
	#nav li li:hover ul, 
	#nav li li li:hover ul, 
	#nav li.sfhover ul, 
	#nav li li.sfhover ul, 
	#nav li li li.sfhover ul {
		z-index: 999;
		left: auto;
	}
	#nav li li:hover,
	#nav li.sfhover {
		border: none;
		background: #929aab;
	}
	#nav li.sfhover {
		background: #F5F7F8;
	}
	#nav li li.sfhover {
		background: #F5F7F8;
	}
	#nav li li:hover a,
	#nav li.sfhover a,
	#nav li.sfhover ul li.sfhover a,
	#nav li li:hover ul li:hover a,
	#nav li.sfhover ul li.sfhover ul li.sfhover a,
	#nav li li:hover ul li:hover ul li:hover a {
		color: #fff;
	}
	#nav li li:hover ul a,
	#nav li.sfhover ul a,
	#nav li.sfhover ul li.sfhover ul a,
	#nav li li:hover ul li:hover ul a {
		color: #fff;
	}
	#nav li li:hover ul li a,
	#nav li.sfhover ul li.sfhover a {
		color: #FF9966;
	}
@media (min-width: 1200px)and (max-width: 1549px){
	#nav a{
		padding: 1em 1em 0 1em;
	}
	#nav li ul {
		margin-top: 1px;
	}
	.home_bg_img {
		height: 700px;
	}
}
@media screen and (min-width:1440px) {
	.home_bg_img {
		height: 700px;
		width: 100%;
	}
}
@media (min-width: 992px)and (max-width: 1199px){
		#toolbar{
			margin: 26px -8px -20px -8px;
			padding: 0 10px 0 0;
		}
		#nav li {
			margin: 0 -5px;
		}
		#nav li li{
			margin: 0;
		}
		#nav a{
			padding: 1em 1em 0 1em;
		}
	#nav li ul {
		margin-top: 3px;
		width: 130px;
	}
}
@media (min-width: 768px)and (max-width: 991px){
		#nav a{
		padding: 1em 1em 0 0.5em;
		}
		#nav ul{
			margin: 1.5em 0 1em -5em;
		}
		#nav >ul {
			margin-left:30px;
			margin-top: 30px;
		}
		#toolbar{
			margin: 26px -8px -20px -8px;
			padding: 0 10px 0 0;
		}
	#nav li ul {
		margin-top: 3px;
	}
}
@media (max-width: 767px) {
	.website_name {
		font-size: 2.5em !important;
	}
	#nav{
		margin-left:90px;
	}
	#nav ul{
		margin: 2em 0 1em -5em;
	}
	#nav >ul {
		margin-top: 40px;
		width: 200%;
	}
	#nav a{
		padding: 0.2em 0.5em 0 0.5em !important;
		line-height: 0;
	}
	#nav li ul {
		margin-top: 6px;
	}
}


/*---------------------------------------------------------------
	Breadcrumbs
---------------------------------------------------------------*/
	#trail {
		margin: 0;
		padding: 1em 30px;
		background: transparent;
		font-size: 90%;
		line-height: 0.8em;
		color: #999;
	}
	#trail a {
		border-bottom: 1px solid #b7c7d4;
		color: #2e88bb;
		margin: 0 0.2em;
	}
	#trail a:hover {
		color: #ff6600;
		border-bottom: 1px solid #ff6600;
	}
/*---------------------------------------------------------------
	Content wrap
---------------------------------------------------------------*/
	#wrap {
		padding: 0;
		border: none;
		height: auto;
		overflow: hidden;
		/*min-height: 950px;*/
		/*background: url("/app/templates/cstcloud/images/home/gsloginback.jpg") no-repeat;*/
		position: relative;
		width: 100%;
	}
	.aboutsiteback{
		margin-top: 50px;
		margin-bottom: 30px;
		background: #fff;
		padding-bottom: 20px;
	}
    .resourcewrap{
		margin-top: 50px;
		margin-bottom: 50px;
	}
/*---------------------------------------------------------------
	Content
---------------------------------------------------------------*/
	#content {
		margin: 0;
		padding: 0;
		/*position: relative;*/
		/*min-height: 250px;*/
		/*background-color: #e3e3e3;*/
	}
/*---------------------------------------------------------------
	Content header
---------------------------------------------------------------*/
	#content-header {
		margin-right: 250px;
		padding: 0 0 1em 0;
		height: 50px;
	}
	.contentpaneopen {
		padding: 0;
		margin:0;
	}
	#frontpage .contentpaneopen,
	.heading {
		padding: 0
	}
	#content-header h2,
	.contentpaneopen .contentheading {
		margin: 0 0 0 20px;
		padding: 10px 0 0 20px;
		font-size: 20px;
	}
	.contentpaneopen .contentheading {
		padding-bottom: 10px;
		/*border-bottom: 1px solid #eaeaea;*/
		margin-left: 0;
	}
	#content-header h3, 
	#content-header p {
		margin: 0 0 0 0;
		color: #666;
		font-weight: bold;
	}
	#content-header.full {
		margin-right: 0;
	}
	#content-header.full h2 {
		margin-right: 15px;
	}
	#content-header-extra {
		position: absolute;
		top: 0;
		/*right: 0;*/
		min-width: 214px;
		padding-right: 15px;
	}
	#content-header-extra p {
		padding: 1.5em 0 0 0;
		margin-top: 0;
	}
	#content-header-extra .metadata p {
		border: none;
		padding: 0;
	}
	.com_content .buttonheadings {
		position: absolute;
		top: 0;
		right: 0;
		padding-right: 15px;
	}
	/* Extra nav */
	#useroptions {
		padding: 0.5em 0 0 0;
		margin: 0;
	}
	#useroptions li {
		display: inline;
		margin-right: 1em;
	}

/*---------------------------------------------------------------
	Primary Content Columns
---------------------------------------------------------------*/
/* Sections */
	.section {
		padding: 0;
	}
	.section .section {
		padding: 0;
	}
	.main {
		/*border-top: 1px solid #efefef;*/
	}
	.below {
		margin: 2em 0 0 0;
		padding-top: 1em;
	}
/* Subjects (with right aside) */
	.subject {
		margin: 0;
		margin-right: 235px;
		padding: 1.4em;
		background: #F7F7F7;
		border-top: 1px solid #E3E3E3;
		border-bottom: 1px solid #E3E3E3;
		/*min-height: 1100px;*/
	}
	.main .subject {
		border: none;
		background: transparent;
		padding: 1em 0 0 0;
	}
/* Asides (right side) */
	.aside {
		float: right;
		width: 214px;
		padding-top: 2em;
	}
	.aside h4,
	.aside p {
		color: #999;
	}
	.aside h4 {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	/* Fieldsets */
	.aside fieldset {
		margin: 1em 0 2em 0;
		padding: 1em;
		background: #F5F7F2;
		border-top: 1px solid #DEE4CD;
		border-bottom: 1px solid #DEE4CD;
	}
	.aside>fieldset { margin-top: 0;}
	.aside fieldset label {
		display: block;
		margin-bottom: 0.5em;
	}
	.aside fieldset label input, 
	.aside fieldset label select, 
	.aside fieldset label textarea {
		width: 100%;
	}
	.aside fieldset legend {
		font-weight: bold;
		padding: 0 0 1em 0;
	}
	/* Lists */
	.aside .sub-nav {
		margin: 1em 0 1em 0;
		padding: 1em;
		background: #F4F4F4;
		border-top: 1px solid #D8D8D8;
		border-bottom: 1px solid #D8D8D8;
		list-style: none;
	}
	.aside .sub-nav li {
		margin: 0.3em 0;
		list-style: none;
	}
	.aside .sub-nav ul {
		margin: 0 0 0 1.5em;
	}
	.aside .sub-nav .active {
		font-weight: bold;
	}
	.aside .sub-nav .active ul {
		font-weight: normal;
	}
	/* Message box colors */
	.aside .help,
	.aside .info { 
		color: #4379CA; 
	}
	.aside .help { 
		color: #8a42cd;
	}
	.aside .alert,
	.aside .warning { 
		color: #CC6633; 
	}
	.aside .failed,
	.aside .error { 
		color: #CC0000;
	}
	.aside .passed { 
		color: #7AAB69;
	}
	.aside .archive { 
		color: #777;
	}
	.aside .locked { 
		color: #CC6633; 
	}
	.aside .timed { 
		color: #ad733f; 
	}
	.aside .flagged { 
		color: #CC0000;
	}
/* NOTE: added to some containing div to dictate what side (left or right) an "aside" column will appear. */
	.withleft {
		border: none;
	}
	.withleft #content-header {
		margin: 0;
		border-bottom: 1px solid #efefef;
	}
	.withleft #content-header h2 {
		margin: 0 15px 0 0;
	}
	.withleft #content-header h3 {
		margin: 0 15px 0 0;
	}
/* Subjects (with left aside) */
	.withleft .subject {
		padding-top: 0;
		margin-top: 0;
		margin-right: 0;
		margin-left: 250px;
	}
/* Asides (left side) */
	.withleft .aside {
		float: left;
		width: 214px;
		padding: 0;
	}
	.withleft .aside ul {
		border-bottom: 1px solid #E0E0E0;
		padding: 0;
		margin: 2em 0 0 0;
		border-top: 1px solid #E0E0E0;
	}
	.withleft .aside li {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.withleft .aside li a {
		display: block;
		padding: 0.7em 1.2em;
		background: #F5F5F5 url("../images/bullets/arrow.gif") 0 1em no-repeat;
		font-size: 85%;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	.withleft .aside li.active a, 
	.withleft .aside li a.active {
		background-color: #fff;
		color: #333;
	}
	.withleft .aside li.active li a {
		padding-left: 1.2em;
		background: #F5F5F5 url("../images/bullets/arrow.gif") 0 0.7em no-repeat;
		color: #6699cc;
	}
	.withleft .aside li.active li.active a {
		background-color: #fff;
		color: #333;
	}
	.withleft .aside li span {
		display: block;
		border-top: 1px solid #E0E0E0;
		border-bottom: 1px solid #E0E0E0;
	}
	.withleft .aside li a span, 
	.withleft .aside li span span {
		border: none;
	}
	.withleft .aside li a:hover {
		border: none;
		background-position: 0.2em 1em;
		background-color: #333;
		color: #fff;
	}
	.withleft .aside li.active a:hover {
		background-color: #333;
		color: #fff;
	}
	.withleft .aside ul ul {
		padding: 0 0 0 1em;
		margin: 0;
		background: #fff;
	}
	.withleft .aside li li a {
		display: block;
		padding: 0.3em 0.3em 0.3em 1.2em;
		text-transform: none;
		background-position: 0em 0.7em;
		letter-spacing: 1px;
	}

/*---------------------------------------------------------------
	Forms
---------------------------------------------------------------*/
	#hubForm {
		padding: 12px 0 0 0;
		margin: 0;
		position: relative;
	}
	#hubForm .fieldsetchange {
		padding: 0 2% 1.75em 2%;
		border: none;
		float: left;
		margin: 0.5em 0 0.5em 0;
		color: #000000;
	}
    #hubForm fieldset p{
		/*margin: 0 0 0px -15px;*/
	}
	#hubForm fieldset.dataset {
		padding: 0 2% 1.75em 0;
		width: 68%;
		background: #fff;
		border: none;
	}
	#hubForm .fieldsetchange label {
		display: block;
		padding-top: 3em;
	}
	#hubForm input, 
	#hubForm select, 
	#hubForm textarea {
		margin-top: 0.25em;
		width: 100%;
	}
	#hubForm fieldset fieldset {
		margin: 1.75em 0 1.75em 0;
		padding: 0 1em 1.75em 1em;
		border: 1px solid #d8d0c4;
		float: none;
		width: auto;
	}
	#hubForm fieldset fieldset label {
		padding-top: 0.7em;
	}
	#hubForm fieldset fieldset fieldset {
		margin: 0;
		padding: 0;
		border: none;
		float: none;
		width: auto;
	}
	#hubForm fieldset fieldset fieldset label {
		margin-left: 1.75em;
	}
	#hubForm fieldset fieldset fieldset legend label {
		margin-left: 0;
	}
	#hubForm .option {
		display: inline;
		margin: 0 0.25em 0 0 !important;
		margin: 0;
		width: auto;
	}
	#hubForm .indent {
		margin-left: 1.75em;
	}
	#hubForm .group {
		position: relative;
		margin-left: -3em;
		padding: 0 0 1.5em 5em;
		overflow: hidden;
		top: 1.5em;
		left: 1.5em;
		background:none;
	}
	#hubForm .group label {
		padding: 0;
		float: left;
		width: 50%;
	}
	#hubForm .group label:first-child {
		margin: 0 2em 0 -3.5em;
	}
	#hubForm .group label .error,
	#hubForm .group label .warning {
		display: block;
	}
	#hubForm label em {
		display: block;
		margin: -1.5em 0 0 10em;
		text-align: right;
		font: inherit;
		color: #aa9;
	}
	#hubForm .submit {
		padding: 1.5em 0 1em;
		text-align: center;
		margin-right: 30%;
	}
	#hubForm .submitchange{
		padding: 1em 0 1em;
		float: left;
		margin-right: 0;
		margin-top: 60px;
	}
	#hubForm .submit input {
		display: inline;
		width: auto;
	}
	#hubForm .inactive {
		color: #aa9;
	}
	#hubForm .fieldsetchange h3 {
		position: absolute;
		padding:0px 40px;
		left: 1em;
		margin: 0;
		color: #000000;
		font-size: 1.2em;
	}
	#hubForm .explaination {
		position: relative;
		float: right;
		/*width: 28%;*/
		margin-right: 25px;
	}
	#hubForm .explaination a:hover {
		color: #222;
	}
	#hubForm .explaination p {
		margin: 1em 0;
	}
	#hubForm .explaination h2 {
		position: relative;
		margin: 1.5em 0 0.5em;
		padding: 0;
		border: none;
		width: 100%;
	}
	#hubForm .explaination ul {
		position: relative;
		list-style: none;
		color: #57b;
	}
	#hubForm fieldset fieldset.fieldsWithErrors,
	.fieldsWithErrors {
		border: 1px solid #c00;
	}
	#hubForm fieldset fieldset.fieldsWithErrors legend,
	.fieldWithErrors { color: #c00; font-weight: bold; }
	.fieldWithErrors input,
	.fieldWithErrors select,
	.fieldWithErrors textarea {
		background-color: #F8E5E5;
	}
	.fieldWithErrors .required,
	.fieldWithErrors .optional {
		font-weight: normal;
	}
	#hubForm .group .hint {
		margin-top: 0;
	}
	#hubForm .warning,
	#hubForm .error {
		margin-bottom: 0;
		width: 96%;
		margin: 10px auto 10px;
	}
	.optional,
	.required {
		text-transform: uppercase;
		font-size: xx-small;
	}
	.required {
		color: red;
	}
	.optional {
		color: #999999;
	}
	.hint {
		color: #999;
		font-size: 90%;
	}
	
	.subject #hubForm fieldset {
		float: none;
		width: auto;
		margin: 0;
		padding-bottom: 0;
		color: #000;
	}
	.subject #hubForm fieldset fieldset {
		padding: 0 1em 1em 1em;
		margin-top: 1em;
	}
	.subject #hubForm .submit {
		margin-right: 0;
	}

/*---------------------------------------------------------------
	Misc. Classes
---------------------------------------------------------------*/
	#tagline { 
		margin: -2.5em 0 1em 0;
		padding: 0; 
		text-align: right;
	}
	.more a {
		background: #515151;
		padding:2px 5px 4px 5px; color:#FFF;
		color:#FFFFFF;
		font-size:85%;
		border:none;		
	}
	.more a:hover {
	  background-color:#666;
	}
	.cal_table table,
	#overDiv table {
		width: auto;
		border: none;
		margin: 0;
	}
	#overDiv table td,
	#overDiv table th {
		border: none;
		padding: 0.2em;
	}

/* Squeezebox */
	.body-overlayed embed,
	.body-overlayed object,
	.body-overlayed select {
		visibility: hidden;
	}
	#sbox-window embed,
	#sbox-window object,
	#sbox-window select {
		visibility: visible;
	}
	#sbox-overlay {
		position: absolute;
		background-color: #000;
		-webkit-filter: blur(10px);
	}
	#sbox-window {
		position: absolute;
		background-color: #000;
		text-align: left;
		overflow: visible;
		padding: 10px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
	}
	#sbox-btn-close {
		position: absolute;
		width: 30px;
		height: 30px;
		right: -15px;
		top: -15px;
		background: url("../images/overlay/closebox.png") no-repeat top left;
		border: none;
	}
	#sbox-btn-close:hover {
		border: none;
	}
	#sbox-resizehandle {
		position: absolute;
		width: 30px;
		height: 30px;
		right: -15px;
		bottom: -15px;
		background: url("../images/overlay/resizebox.png") no-repeat top left;
		border: none;
		cursor: se-resize;
	}
	#sbox-newwindow {
		position: absolute;
		width: 30px;
		height: 30px;
		right: 25px;
		bottom: -15px;
		background: url("../images/overlay/newwindowbox.png") no-repeat top left;
		border: none;
		cursor: pointer;
	}
	.sbox-loading #sbox-content {
		background-image: url("../images/anim/spinner.gif");
		background-repeat: no-repeat;
		background-position: center;
	}
	#sbox-content {
		clear: both;
		overflow: auto;
		background-color: #fff;
		height: 100%;
		width: 100%;
	}
	.sbox-content-image#sbox-content {
		overflow: visible;
	}
	#sbox-image {
		display: block;
	}
	.sbox-content-image img {
		display: block;
	}
	.sbox-content-iframe#sbox-content {
		overflow: visible;
	}

	/* Forms */
	#sbox-content #content-header,
	#sbox-content .explaination,
	#sbox-content .aside {
		display: none;
	}
	#sbox-content .main,
	#sbox-content .subject,
	#sbox-content .mian .subject,
	#sbox-content .withleft,
	#sbox-content form#hubForm {
		margin: 0;
		padding: 0;
		border: none;
		height: auto;
		overflow: hidden;
	}
	#sbox-content fieldset {
		padding: 0;
		margin: 0;
		width: 100%;
		border: none;
		background-color: transparent;
	}
	#sbox-content fieldset legend {
		margin: 0;
		padding: 0.5em 1em;
		width: 100%;
		position: inherit;
		display: block;
		font-weight: bold;
		border-bottom: 1px solid #757575;
		color: #555;
		text-shadow: 0px 1px 0px #e5e5ee;
		background: #a2a2a2;
		background: -webkit-gradient(linear, left top, left bottom, from(#c4c4c4), to(#a2a2a2));
		background: -webkit-linear-gradient(#c4c4c4, #a2a2a2);
		background: -moz-linear-gradient(center top, #c4c4c4 0%, #a2a2a2 100%);
		background: -moz-gradient(center top, #c4c4c4 0%, #a2a2a2 100%);
		background: -o-linear-gradient(#c4c4c4, #a2a2a2);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c4c4c4,endColorstr=#a2a2a2);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c4c4c4, endColorstr=#a2a2a2)";
	}
	#sbox-content fieldset label {
		margin: 0;
		padding: 0.5em 1em;
		border-bottom: 1px solid #ccc;
		display: block;
	}
	#sbox-content fieldset input,
	#sbox-content fieldset select,
	#sbox-content fieldset textarea {
		margin-top: 0.25em;
		width: 100%;
	}
	#sbox-content fieldset label textarea#msg-message {
		margin-bottom: 0.5em;
		height: 175px;
	}
	#sbox-content .submit {
		margin: 0;
		padding: 0.5em 1em;
		text-align: center;
	}

/* 5 star Reviews */
	.avgrating {
		padding-left: 0;
	}
	.avgrating span {
		padding-left: 1em;
	}
	.avgrating:before {
		font-family: 'Fontcons';
		font-size: 12px;
		line-height: 12px;
	}
	.no-stars:before        { content: "\2606\2606\2606\2606\2606"; }
	.half-stars:before      { content: "\f089\2606\2606\2606\2606"; }
	.one-stars:before       { content: "\2605\2606\2606\2606\2606"; }
	.onehalf-stars:before   { content: "\2605\f089\2606\2606\2606"; }
	.two-stars:before       { content: "\2605\2605\2606\2606\2606"; }
	.twohalf-stars:before   { content: "\2605\2605\f089\2606\2606"; }
	.three-stars:before     { content: "\2605\2605\2605\2606\2606"; }
	.threehalf-stars:before { content: "\2605\2605\2605\f089\2606"; }
	.four-stars:before      { content: "\2605\2605\2605\2605\2606"; }
	.fourhalf-stars:before  { content: "\2605\2605\2605\2605\f089"; }
	.five-stars:before      { content: "\2605\2605\2605\2605\2605"; }

/*---------------------------------------------------------------
	Primary Resource file
---------------------------------------------------------------*/	
	#primary-document {
		margin: 1em 0 1.5em 0;
	}
	#primary-document a {
		margin: 0;
		padding: 6px 0 0 10px;
		display: block;
		width: 204px;
		height: 26px;
		border: none;
		color: #fff;
		font-weight: bold;
		background: url("../images/buttons/primary.gif") 0 0 no-repeat;
	}
	#primary-document a:hover { 
		background-position: 0 -32px;
		color: #fff;
		border: none;
	}


/*---------------------------------------------------------------
	Results listing
	(base styling usually extended by resources, search, etc.)
---------------------------------------------------------------*/
/* Category headers */
	.category-header {
		position: relative;
		padding: 0.5em 0.5em 0.5em 1.5em;
		margin: 1em 0 0 0;
		color: #fff;
		background: #bbb url("../images/layout/whitearrow.png") 0.5em 1em no-repeat;
	}
	.category-header small {
		position: absolute;
		right: 0.5em;
		font-size: 1em;
	}
	.opened {
		background: #bbb url("../images/layout/whitearrow.png") 0.5em -30px no-repeat;
	}
	.category-header a {
		color: #fff;
		border-bottom: 1px solid #eee;
	}
	.category-header a:hover {
		color: #fb5a11;
		border-color: #fb5a11;
	}
/* Item listing */
	.results {
		list-style: none;
		margin: 1em 0 1em 0;
		padding: 0;
		position: relative;
		border-top: 5px solid #dfdfdf;
		border-bottom: 1px solid #dfdfdf;
		list-style: none;
	}
	.results li {
		border-bottom: 1px solid #efefef;
		padding: 1em 0 1em 1em;
		margin: 0;
		list-style: none;
	}
	.results p,
	.results .details {
		margin: 0.5em 0;
		padding: 0;
	}
	.results .details {
		font-size: 90%;
		color: #999;
	}
	.results .details span {
		color: #fff;
		margin: 0 0.5em;
	}
	.results .details span.highlight {
		color: #000;
		margin: 0;
	}
	.results .details a span.highlight {
		color: #2e88bb;
	}
	.results .title {
		margin-left: -1em;
		font-weight: bold;
	}
	.results .metadata { 
		margin: -1.2em 0 0 0;
		float: right;
		width: 190px;
		background: none;
		border: none;
		padding: 0;
	}
	.results .metadata p { 
		color: #999; 
		font-size: 90%;
		margin: 0 0 0.5em 0;
		padding: 0;
	}
/* Misc. */
	.moreresults {
		margin: 0 1em 2em 1em;
		padding: 0;
		font-weight: bold;
		color: #999;
		border: none;
	}
	.category-wrap {
		margin-bottom: 1em;
	}
/*---------------------------------------------------------------
	Self-clearing floats
---------------------------------------------------------------*/
	#wrap:after, 
	#header:after,
	#content:after,
	.middleright:after,
	.right:after,
	.farright:after,
	#content-header-extra:after,
	.subject:after,
	#hubForm fieldset:after,
	#hubForm .group label.datepickers:after,
	ol.tags:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	#afterclear {
		display: none;
	}
	#system-debug {
		background-color: #fff;
	}

/*---------------------------------------------------------------
	Footer
---------------------------------------------------------------*/
.resourceitem_content-wrapper3 {
	height: 200px;
	overflow: hidden;
	margin: 80px 0 0 0;
	background: url("/app/templates/cstcloud/images/home/3.jpg");
	background-size: cover;
	position: relative;
}
@media (min-width: 1540px) {
	.resourceitem_content-wrapper3 {
 		background-size: 100%;
	}
}
.resourceitem_content-wrapper3::before {
	content: ' ';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
}
.nature_inner{
	height: auto;
	overflow: hidden;
	position: absolute;
	width: 100%;
	top:30%;
}
.nature_inner img{
	width: 100px;
	height: 100px;
}
.nature_title{
	margin: 50px auto;
	width: 60%;
	text-align: center;
	color: #fff;
	z-index: 999;
}
.nature_title h2{
	letter-spacing:15px;
	font-size: 60px;
}
.resourceitem_content-wrapper4{
	height: 120px;
	/*background: #F0F0F0;*/
	background: #fff;
	border-top: 1px solid #ddd;
	/*margin-top: 30px;*/
	margin-bottom: 0;
}
.resourceitem_content-wrapper4 .nature_inner{
	height: auto;
	overflow: hidden;
	position: absolute;
	width: 100%;
	top:30%;
	left: 15%;
	border-left: 3px solid #ddd;
}

.resourceitem_content-wrapper4 .nature_inner img{
	margin: 20px -60px 0 30px;
	width: 100px;
	height: 100px;
	float: left;
 }
.resourceitem_content-wrapper4 .nature_inner .img1{
	margin-top: 2px;
	width: 100px;
	height: 100px;
}
.resourceitem_content-wrapper4 .nature_inner .img2{
	width: 80px;
	height: 60px;
}
.resourceitem_content-wrapper4 .nature_title{
	margin: 10px auto;
	width: 60%;
	text-align: center;
	color: #333;
	z-index: 999;
	float: left;
}
.resourceitem_content-wrapper4 .nature_title h4{
	font-size: 14px;
}
.resourceitem_content-wrapper4 .nature_title h2{
	letter-spacing:15px;
	font-size: 32px;
	color: #333;
}
#footer {
	/*margin: 0;*/
	padding: 0;
	margin-bottom: -30px;
	/*background: linear-gradient(-45deg, #66cdcc 0%, #336799 100%);*/
	background: linear-gradient(-45deg, #0f2961 0%, #1e4c39 100%);
	border-top: 1px solid #ccc;
	/*box-shadow:0px 10px 5px #000;*/
	font-size: 85%;
	/*height: auto;*/
	height: 360px;
	overflow:hidden ;
	}
	#footer h2 {
		display: none;
	}
	#footer ul {
		list-style: none;
		margin: 0;
		padding: 1em 0 1em 0;
	}
	#footer ul#legalese {
		overflow: hidden;
		text-align: right;
		color: #777;
	}
	#footer li#legalese {
		display: inline;
		margin-left: 2em;
	}
	#footer .policy {
		position: absolute;
		margin: 0;
		left: 30px;
		text-align: left;
	}
	#footer a {
		color: #777;
		/*border-bottom: 1px solid #ccc;*/
	}
	#footer a:hover {
		color: #000;
		/*border-bottom: 1px solid #000;*/
	}

.container div.remindbd	{
	padding: 30px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	/*padding-right: 15px;*/
	/*padding-left: 15px;*/
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
}
.col-xs-12 {
	width: 100%;
}
.col-xs-11 {
	width: 91.66666667%;
}
.col-xs-10 {
	width: 83.33333333%;
}
.col-xs-9 {
	width: 75%;
}
.col-xs-8 {
	width: 66.66666667%;
}
.col-xs-7 {
	width: 58.33333333%;
}
.col-xs-6 {
	width: 50%;
}
.col-xs-5 {
	width: 41.66666667%;
}
.col-xs-4 {
	width: 33.33333333%;
}
.col-xs-3 {
	width: 25%;
}
.col-xs-2 {
	width: 16.66666667%;
}
.col-xs-1 {
	width: 8.33333333%;
}
.col-xs-pull-12 {
	right: 100%;
}
.col-xs-pull-11 {
	right: 91.66666667%;
}
.col-xs-pull-10 {
	right: 83.33333333%;
}
.col-xs-pull-9 {
	right: 75%;
}
.col-xs-pull-8 {
	right: 66.66666667%;
}
.col-xs-pull-7 {
	right: 58.33333333%;
}
.col-xs-pull-6 {
	right: 50%;
}
.col-xs-pull-5 {
	right: 41.66666667%;
}
.col-xs-pull-4 {
	right: 33.33333333%;
}
.col-xs-pull-3 {
	right: 25%;
}
.col-xs-pull-2 {
	right: 16.66666667%;
}
.col-xs-pull-1 {
	right: 8.33333333%;
}
.col-xs-pull-0 {
	right: auto;
}
.col-xs-push-12 {
	left: 100%;
}
.col-xs-push-11 {
	left: 91.66666667%;
}
.col-xs-push-10 {
	left: 83.33333333%;
}
.col-xs-push-9 {
	left: 75%;
}
.col-xs-push-8 {
	left: 66.66666667%;
}
.col-xs-push-7 {
	left: 58.33333333%;
}
.col-xs-push-6 {
	left: 50%;
}
.col-xs-push-5 {
	left: 41.66666667%;
}
.col-xs-push-4 {
	left: 33.33333333%;
}
.col-xs-push-3 {
	left: 25%;
}
.col-xs-push-2 {
	left: 16.66666667%;
}
.col-xs-push-1 {
	left: 8.33333333%;
}
.col-xs-push-0 {
	left: auto;
}
.col-xs-offset-12 {
	margin-left: 100%;
}
.col-xs-offset-11 {
	margin-left: 91.66666667%;
}
.col-xs-offset-10 {
	margin-left: 83.33333333%;
}
.col-xs-offset-9 {
	margin-left: 75%;
}
.col-xs-offset-8 {
	margin-left: 66.66666667%;
}
.col-xs-offset-7 {
	margin-left: 58.33333333%;
}
.col-xs-offset-6 {
	margin-left: 50%;
}
.col-xs-offset-5 {
	margin-left: 41.66666667%;
}
.col-xs-offset-4 {
	margin-left: 33.33333333%;
}
.col-xs-offset-3 {
	margin-left: 25%;
}
.col-xs-offset-2 {
	margin-left: 16.66666667%;
}
.col-xs-offset-1 {
	margin-left: 8.33333333%;
}
.col-xs-offset-0 {
	margin-left: 0;
}
@media (min-width: 768px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-11 {
		width: 91.66666667%;
	}
	.col-sm-10 {
		width: 83.33333333%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-8 {
		width: 66.66666667%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}
	.col-sm-pull-12 {
		right: 100%;
	}
	.col-sm-pull-11 {
		right: 91.66666667%;
	}
	.col-sm-pull-10 {
		right: 83.33333333%;
	}
	.col-sm-pull-9 {
		right: 75%;
	}
	.col-sm-pull-8 {
		right: 66.66666667%;
	}
	.col-sm-pull-7 {
		right: 58.33333333%;
	}
	.col-sm-pull-6 {
		right: 50%;
	}
	.col-sm-pull-5 {
		right: 41.66666667%;
	}
	.col-sm-pull-4 {
		right: 33.33333333%;
	}
	.col-sm-pull-3 {
		right: 25%;
	}
	.col-sm-pull-2 {
		right: 16.66666667%;
	}
	.col-sm-pull-1 {
		right: 8.33333333%;
	}
	.col-sm-pull-0 {
		right: auto;
	}
	.col-sm-push-12 {
		left: 100%;
	}
	.col-sm-push-11 {
		left: 91.66666667%;
	}
	.col-sm-push-10 {
		left: 83.33333333%;
	}
	.col-sm-push-9 {
		left: 75%;
	}
	.col-sm-push-8 {
		left: 66.66666667%;
	}
	.col-sm-push-7 {
		left: 58.33333333%;
	}
	.col-sm-push-6 {
		left: 50%;
	}
	.col-sm-push-5 {
		left: 41.66666667%;
	}
	.col-sm-push-4 {
		left: 33.33333333%;
	}
	.col-sm-push-3 {
		left: 25%;
	}
	.col-sm-push-2 {
		left: 16.66666667%;
	}
	.col-sm-push-1 {
		left: 8.33333333%;
	}
	.col-sm-push-0 {
		left: auto;
	}
	.col-sm-offset-12 {
		margin-left: 100%;
	}
	.col-sm-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-sm-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-sm-offset-9 {
		margin-left: 75%;
	}
	.col-sm-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-sm-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-sm-offset-6 {
		margin-left: 50%;
	}
	.col-sm-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-sm-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-sm-offset-3 {
		margin-left: 25%;
	}
	.col-sm-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-sm-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-sm-offset-0 {
		margin-left: 0;
	}
}
@media (min-width: 992px) {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		float: left;
	}
	.col-md-12 {
		width: 100%;
	}
	.col-md-11 {
		width: 91.66666667%;
	}
	.col-md-10 {
		width: 83.33333333%;
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-8 {
		width: 66.66666667%;
	}
	.col-md-7 {
		width: 58.33333333%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-5 {
		width: 41.66666667%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-2 {
		width: 16.66666667%;
	}
	.col-md-1 {
		width: 8.33333333%;
	}
	.col-md-pull-12 {
		right: 100%;
	}
	.col-md-pull-11 {
		right: 91.66666667%;
	}
	.col-md-pull-10 {
		right: 83.33333333%;
	}
	.col-md-pull-9 {
		right: 75%;
	}
	.col-md-pull-8 {
		right: 66.66666667%;
	}
	.col-md-pull-7 {
		right: 58.33333333%;
	}
	.col-md-pull-6 {
		right: 50%;
	}
	.col-md-pull-5 {
		right: 41.66666667%;
	}
	.col-md-pull-4 {
		right: 33.33333333%;
	}
	.col-md-pull-3 {
		right: 25%;
	}
	.col-md-pull-2 {
		right: 16.66666667%;
	}
	.col-md-pull-1 {
		right: 8.33333333%;
	}
	.col-md-pull-0 {
		right: auto;
	}
	.col-md-push-12 {
		left: 100%;
	}
	.col-md-push-11 {
		left: 91.66666667%;
	}
	.col-md-push-10 {
		left: 83.33333333%;
	}
	.col-md-push-9 {
		left: 75%;
	}
	.col-md-push-8 {
		left: 66.66666667%;
	}
	.col-md-push-7 {
		left: 58.33333333%;
	}
	.col-md-push-6 {
		left: 50%;
	}
	.col-md-push-5 {
		left: 41.66666667%;
	}
	.col-md-push-4 {
		left: 33.33333333%;
	}
	.col-md-push-3 {
		left: 25%;
	}
	.col-md-push-2 {
		left: 16.66666667%;
	}
	.col-md-push-1 {
		left: 8.33333333%;
	}
	.col-md-push-0 {
		left: auto;
	}
	.col-md-offset-12 {
		margin-left: 100%;
	}
	.col-md-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-md-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-md-offset-9 {
		margin-left: 75%;
	}
	.col-md-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-md-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-md-offset-6 {
		margin-left: 50%;
	}
	.col-md-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-md-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-md-offset-3 {
		margin-left: 25%;
	}
	.col-md-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-md-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-md-offset-0 {
		margin-left: 0;
	}
}
@media (min-width: 1200px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
		float: left;
	}
	.col-lg-12 {
		width: 100%;
	}
	.col-lg-11 {
		width: 91.66666667%;
	}
	.col-lg-10 {
		width: 83.33333333%;
	}
	.col-lg-9 {
		width: 75%;
	}
	.col-lg-8 {
		width: 66.66666667%;
	}
	.col-lg-7 {
		width: 58.33333333%;
	}
	.col-lg-6 {
		width: 50%;
	}
	.col-lg-5 {
		width: 41.66666667%;
	}
	.col-lg-4 {
		width: 33.33333333%;
	}
	.col-lg-3 {
		width: 25%;
	}
	.col-lg-2 {
		width: 16.66666667%;
	}
	.col-lg-1 {
		width: 8.33333333%;
	}
	.col-lg-pull-12 {
		right: 100%;
	}
	.col-lg-pull-11 {
		right: 91.66666667%;
	}
	.col-lg-pull-10 {
		right: 83.33333333%;
	}
	.col-lg-pull-9 {
		right: 75%;
	}
	.col-lg-pull-8 {
		right: 66.66666667%;
	}
	.col-lg-pull-7 {
		right: 58.33333333%;
	}
	.col-lg-pull-6 {
		right: 50%;
	}
	.col-lg-pull-5 {
		right: 41.66666667%;
	}
	.col-lg-pull-4 {
		right: 33.33333333%;
	}
	.col-lg-pull-3 {
		right: 25%;
	}
	.col-lg-pull-2 {
		right: 16.66666667%;
	}
	.col-lg-pull-1 {
		right: 8.33333333%;
	}
	.col-lg-pull-0 {
		right: auto;
	}
	.col-lg-push-12 {
		left: 100%;
	}
	.col-lg-push-11 {
		left: 91.66666667%;
	}
	.col-lg-push-10 {
		left: 83.33333333%;
	}
	.col-lg-push-9 {
		left: 75%;
	}
	.col-lg-push-8 {
		left: 66.66666667%;
	}
	.col-lg-push-7 {
		left: 58.33333333%;
	}
	.col-lg-push-6 {
		left: 50%;
	}
	.col-lg-push-5 {
		left: 41.66666667%;
	}
	.col-lg-push-4 {
		left: 33.33333333%;
	}
	.col-lg-push-3 {
		left: 25%;
	}
	.col-lg-push-2 {
		left: 16.66666667%;
	}
	.col-lg-push-1 {
		left: 8.33333333%;
	}
	.col-lg-push-0 {
		left: auto;
	}
	.col-lg-offset-12 {
		margin-left: 100%;
	}
	.col-lg-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-lg-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-lg-offset-9 {
		margin-left: 75%;
	}
	.col-lg-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-lg-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-lg-offset-6 {
		margin-left: 50%;
	}
	.col-lg-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-lg-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-lg-offset-3 {
		margin-left: 25%;
	}
	.col-lg-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-lg-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-lg-offset-0 {
		margin-left: 0;
	}
}
/*** back to top **/
#backtotop {
	background-color: rgba(214, 255, 250, 0.8);
	width: 45px;
	height: 45px;
	line-height: 45px;
	border: 2px solid rgba(214, 255, 250, 0.9);
	border-radius: 45px;
	text-align: center;
	display: none;
	position: fixed;
	z-index: 999;
	right: 15px;
	bottom: 90px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#backtotop:hover {
	background-color: #d6fffa;
}
#backtotop i {
	font-size: 18px;
	font-size: 1.125rem;
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#ampsize {
	overflow: hidden;
}
.website_name:before {
	content: '';
	position: absolute;
	left: -110px;
	top: -20px;
	width:100px;
	height: 100px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url("/app/templates/cstcloud/images/home/indexLogo-2.png");
}
.ip_statistics{
	margin-top: 20px;
}
.ip_statistics p {
	font-size: 1.5em;
	color: #ffffff;
}